<template>
	<view class="">
		<view class="flex-top-header borde-padd-24">
			<view class="search flex-line-height">
				<image class="search-img" :src="imgUrl+'/search.png'" mode=""></image>
				<input  class="input" style="width: 80%;" type="checkbox" name="" placeholder="搜索考试" id="">
			</view>
		</view>
		<view class="borde-padd-24 questionbank">
			<view class="flex-height-between questionbank-conter" v-for="item in 10">
				<view class="questionbank-left">
					<view class="tis">ces</view>
					<image class="icon" :src="imgUrl+'/logo.png'" mode=""></image>
				</view>
				<view class="questionbank-right">
					<view class="ellipsis title">产品训练营第二期产品训练营第二期产品训练营第二期产品训练营第二期</view>
					<view class="sub-title">
						533人已答题
					</view>
					<view class="flex-height-between">
						<view class="flex money">
							<text class="fuho">¥</text>
							36.9
						</view>
						<view class="btn">去答题</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>
<script>
	import {
		Request
	} from '@/utils/request.js'
	export default{
		data(){
			return {
				imgUrl:this.imgUrl,
			}
		},
		onLoad() {
				this.get_paper_list();
		},
		methods:{
			get_paper_list(){
				Request('questions/get_paper_list').then(()=>{
					
				})
			}
		}
	}
</script>

<style scoped>
	.content{
	}
	.flex-top-header{
		/* position: fixed;
		top: 0;
		left: 0;
		box-sizing: border-box;
		background-color: #fff;
		width: 100%;
		z-index: 9;
		padding-top: 20rpx; */
		
	}
	.flex-top-header .search{
		height: 68rpx;
		background: #F7F8FA;
		
		border-radius: 34rpx 34rpx 34rpx 34rpx;
		box-sizing: border-box;
		padding: 20rpx 24rpx;
	}
	.flex-top-header .search-img{
		width: 28rpx;
		height: 28rpx;
		margin-right: 24rpx;
	}
	.flex-top-header .input{
		width: 104rpx;
		height: 37rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 26rpx;
		color: #8F9294;
		text-align: left;
		font-style: normal;
		text-transform: none;
	}
	
	.questionbank-conter{
		margin-bottom: 40rpx;
	}
	.questionbank{
		margin-top: 32rpx;
	}
	.questionbank-left{
		width: 148rpx;
		height: 148rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		overflow: hidden;
		position: relative;
		margin-right: 16rpx;
	}
	.questionbank-left .icon{
		width: 100%;
		height: 100%;
	}
	.questionbank-left .tis{
		width: 60rpx;
		height: 32rpx;
		background: #419CF7;
		text-align: center;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 22rpx;
		color: #FFFFFF;
		position: absolute;
		left: 16rpx;
		top: 16rpx;
		font-style: normal;
		z-index: 9;
		text-transform: none;
		line-height: 32rpx;
		border-radius: 4rpx 4rpx 4rpx 4rpx;
		border: 1rpx solid #FFFFFF;
	}
	.questionbank-right{
		width: 530rpx;
	}
	.questionbank-right .title{
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 28rpx;
		color: #0D0E0F;
		text-align: left;
		font-style: normal;
		text-transform: none;
	}
	.questionbank-right .sub-title{
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 24rpx;
		color: #8F9294;
		text-align: left;
		font-style: normal;
		margin-bottom: 15rpx;
		text-transform: none;
	}
	.questionbank-right .money{
		font-family: MiSans, MiSans;
		font-weight: 600;
		margin-top: 16rpx;
		font-size: 32rpx;
		color: #E26262;
		text-align: left;
		font-style: normal;
		text-transform: none;
	}
	.questionbank-right .money  .fuho{
		font-size: 24rpx;
		padding-top: 9rpx;
		margin-right: 5rpx;
	}
	.questionbank-right .btn{
		width: 136rpx;
		height: 56rpx;
		background: #E5E8F7;
		text-align: center;
		line-height: 56rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 24rpx;
		color: #3B5EEC;
		font-style: normal;
		text-transform: none;
	}
</style>